
em,i{font-style:normal;}
.layui-elem-quote{
	border-left:0;'
}

/* 閻㈩垰鍟惇锟� */
.site-inline{font-size: 0;}
.site-tree, .site-content{display: inline-block;  *display:inline; *zoom:1; vertical-align: top; font-size: 14px;}
.site-tree{width: 220px; min-height: 900px; padding: 5px 0 20px;}
.site-content{width: 899px; min-height: 900px; padding: 20px 0 10px 20px;}

/* 濠㈣埖鎸抽崕锟� */
.header{height: 60px;  background-color: #393D49; color: #fff;}
.logo{position: absolute; left: 0; top: 18px;}
.logo img{width: 82px; height: 31px;}

.header .layui-nav{position: absolute; right: 40px; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 20px; line-height: 66px;}

.menu{position: absolute; right: 0; top: 0; line-height: 65px;}
.menu a{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.menu a{position: relative; padding: 0 20px; margin: 0 20px; color: #c2c2c2; font-size: 14px;}
.menu a:hover{color: #fff; transition: all .5s; -webkit-transition: all .5s}
.menu a.this{color: #fff}
.menu a.this::after{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 5px; background-color: #5FB878;}

.header-index{background-color: #080018; border: none;}


.header-demo .logo{left: 40px;}
.header-demo .layui-nav{top: 0;}
.header-demo .layui-nav .layui-nav-item{margin: 0 10px; line-height: 60px;}
.header-demo .layui-nav .layui-nav-item a{color: #999;}
.header-demo .layui-nav .layui-this{background-color: #f2f2f2;}
.header-demo .layui-nav .layui-nav-item a:hover, 
.header-demo .layui-nav .layui-this a{color: #000;}
.header-demo .layui-nav .layui-this:after, 
.header-demo .layui-nav-bar{background-color: #393D49;}
.header-demo .layui-nav .layui-this a{padding: 0 20px;}

/* 閹煎瓨娲熼崕锟� */
.footer{padding: 30px 0; line-height: 30px; text-align: center; background-color: #eee; color: #666; font-weight: 300;}
body .layui-layout-admin .footer-demo{height: auto; padding: 5px 0; line-height: 26px;}
.footer a{padding: 0 5px;}

/* 濡絾鐗犻妴濉╝nner闂侇喓鍔岄崹锟� */
.site-banner{position: relative; height: 600px; text-align: center; overflow: hidden; background-color: #393D49;}
.site-banner-bg
,.site-banner-main{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.site-banner-bg{background-position: center 0;}


.site-zfj{padding-top: 25px; height: 220px;}
.site-zfj i{position: absolute; left: 50%; top: 25px; width: 200px; height: 200px; margin-left: -100px; font-size: 200px; color: #c2c2c2;}

@-webkit-keyframes site-zfj {
  0% {opacity: 1;  -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);}
  10% {opacity: 0.8; -webkit-transform: translate3d(-100px, 0px, 0) rotate(10deg) scale(0.7);}
  35% {opacity: 0.6; -webkit-transform: translate3d(100px, 0px, 0) rotate(30deg) scale(0.4);}
  50% {opacity: 0.4; -webkit-transform: translate3d(0, 0, 0) rotate(360deg) scale(0);}
  80% {opacity: 0.2; -webkit-transform: translate3d(0, 0, 0) rotate(720deg) scale(1);}
  90% {opacity: 0.1; -webkit-transform: translate3d(0, 0, 0) rotate(3600deg) scale(6);}
  100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate(3600deg) scale(1);}
}
@keyframes site-zfj {
  0% {opacity: 1;  transform: translate3d(0, 0, 0) rotate(0deg) scale(1);}
  10% {opacity: 0.8; transform: translate3d(-100px, 0px, 0) rotate(10deg) scale(0.7);}
  35% {opacity: 0.6; transform: translate3d(100px, 0px, 0) rotate(30deg) scale(0.4);}
  50% {opacity: 0.4; transform: translate3d(0, 0, 0) rotate(360deg) scale(0);}
  80% {opacity: 0.2; transform: translate3d(0, 0, 0) rotate(720deg) scale(1);}
  90% {opacity: 0.1; transform: translate3d(0, 0, 0) rotate(3600deg) scale(6);}
  100% {opacity: 1; transform: translate3d(0, 0, 0) rotate(3600deg) scale(1);}
}

@-webkit-keyframes site-desc {
  0% { -webkit-transform: scale(1.1);}
  100% {opacity: 1; -webkit-transform: scale(1);}
}
@keyframes site-desc {
  0% { transform: scale(1.1);}
  100% {transform: scale(1);}
}

.layui-anim-scaleSpring{-webkit-animation-name: layui-scale-spring; animation-name: layui-scale-spring}
.site-zfj-anim i{-webkit-animation-name: site-zfj; animation-name: site-zfj; -webkit-animation-duration: 5s; animation-duration: 5s;  -webkit-animation-timing-function: linear; animation-timing-function: linear;}


.site-desc{position: relative; height: 70px; margin-top: 25px;  background: url(../images/layui/desc.png) center no-repeat;}
.site-desc-anim{-webkit-animation-name: site-desc; animation-name: site-desc;}

.site-desc cite{position: absolute; bottom: -40px; left: 0; width: 100%; color: #c2c2c2; font-style: normal;}
.site-download{margin-top: 80px; font-size: 0;}
.site-download a{position: relative; padding: 0 45px 0 90px; height: 60px; line-height: 60px; border: 1px solid #464B5B; font-size: 24px; color: #ccc; transition: all .5s; -webkit-transition: all .5s;}
.site-download a:hover{border: 1px solid #778097; color: #fff; border-radius: 30px; }
.site-download a cite{position: absolute; left: 45px; font-size: 30px;}
.site-version{position: relative; margin-top: 15px; color: #ccc; font-size: 12px;}
.site-version span{padding: 0 3px;}
.site-version *{font-style: normal;}
.site-version a{color: #e2e2e2; text-decoration: underline;}

.site-banner-other{position: absolute; left: 0; bottom: 32px; width: 100%; text-align: center;}
.site-banner-other iframe{border: none;}

.site-idea{margin: 50px 0; font-size: 0; text-align: center; font-weight: 300;}
.site-idea li{display: inline-block; vertical-align: top; *display: inline; *zoom:1; font-size: 14px; }
.site-idea li{width: 298px; height: 150px; padding: 30px; line-height: 24px; margin-left: 30px; border: 1px solid #d2d2d2; text-align: left;}
.site-idea li:first-child{margin-left: 0}
.site-idea .layui-field-title{border-color: #d2d2d2}
.site-idea .layui-field-title legend{margin: 0 20px 20px 0; padding: 0 20px; text-align: center;}


/* 閺夊牆鎳庢慨锟� */
.site-tips{margin-bottom: 10px; padding: 15px; border-left: 5px solid #0078AD; background-color: #f2f2f2;}
body .site-tips p{margin: 0;}

/* 闁烩晩鍠栫紞锟� */
.site-dir{display: none;}
.site-dir li{line-height: 26px; margin-left: 20px; overflow: visible; list-style-type: disc;}
.site-dir li a{display: block;}
.site-dir li a:active{color: #01AAED;}
.site-dir li a.layui-this{color: #01AAED;}
body .layui-layer-dir{box-shadow: none; border: 1px solid #d2d2d2;}
body .layui-layer-dir .layui-layer-content{padding: 10px; max-height: 280px; overflow: auto;}
.site-dir a em{padding-left: 5px; font-size: 12px; color: #c2c2c2; font-style: normal;}

/* 闁哄倸娲﹂妴锟� */
.site-tree{border-right: 1px solid #eee; }
.site-tree .layui-tree{line-height: 32px;}
.site-tree .layui-tree li i{position: relative; font-size: 22px; color: #000}
.site-tree .layui-tree li a cite{padding: 0 8px;}
.site-tree .layui-tree .site-tree-noicon a cite{padding-left: 15px;}
.site-tree .layui-tree li a em{font-size: 12px; color: #bbb; padding-right: 5px; font-style: normal;}
.site-tree .layui-tree li h2{line-height: 36px; border-left: 5px solid #009E94; margin: 15px 0 5px; padding: 0 10px; background-color: #f2f2f2;}
.site-tree .layui-tree li ul{margin-left: 27px; line-height: 28px;}
.site-tree .layui-tree li ul a,
.site-tree .layui-tree li ul a i{color: #777;}
.site-tree .layui-tree li ul a:hover{color: #333;}
.site-tree .layui-tree li ul li{margin-left: 25px; overflow: visible; list-style-type: disc; /*list-style-position: inside;*/}
.site-tree .layui-tree li ul li cite,
.site-tree .layui-tree .site-tree-noicon ul li cite{padding-left: 0;}

.site-tree .layui-tree .layui-this a{color: #01AAED;}
.site-tree .layui-tree .layui-this .layui-icon{color: #01AAED;}

.site-fix .site-tree{position: fixed; top: 0; bottom: 0; z-index: 666; min-height: 0; overflow: auto;  background-color: #fff;}
.site-fix .site-content{margin-left: 220px;}
.site-fix-footer .site-tree{margin-bottom: 120px;}


.site-title{ margin: 30px 0 20px;}
.site-title fieldset{border: none; padding: 0; border-top: 1px solid #eee;}
.site-title fieldset legend{margin-left: 20px;  padding: 0 10px; font-size: 22px; font-weight: 300;}

.site-text a{color: #01AAED;}
.site-h1{margin-bottom: 20px; line-height: 60px; padding-bottom: 10px; color: #393D49; border-bottom: 1px solid #eee;  font-size: 28px; font-weight: 300;}
.site-h1 .layui-icon{position: relative; top: 5px; font-size: 50px; margin-right: 10px;}
.site-text{position:relative;}
.site-text p{margin-bottom: 10px;  line-height:22px;}
.site-text em{padding: 0 3px; font-weight: 500; font-style: italic; color: #666;}
.site-text code{margin:0 5px; padding: 3px 10px; border: 1px solid #e2e2e2; background-color: #fbfbfb; color: #666; border-radius: 2px;}

.site-block{padding: 20px; border: 1px solid #eee;}
.site-block .layui-form{margin-right: 200px;}

.site-demo-util{position: relative; width: 300px;}
.site-demo-util img{width: 300px; border-radius: 100%;}
.site-demo-util span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #333; cursor: pointer;}
@-webkit-keyframes demo-fengjie {
  0% {-webkit-filter: blur(0); opacity: 1; background: #fff; height: 300px; border-radius: 100%;}
  80% {-webkit-filter: blur(50px);  opacity: 0.95;}
  100% {-webkit-filter: blur(20px); opacity: 0; background: #fff;}
}
@keyframes demo-fengjie {
  0% {filter: blur(0); opacity: 1; background: #fff; height: 300px; border-radius: 100%;}
  80% {filter: blur(50px);  opacity: 0.95;}
  100% {filter: blur(20px); opacity: 0; background: #fff;}
}
.site-demo-fengjie{-webkit-animation-name: demo-fengjie; animation-name: demo-fengjie; -webkit-animation-duration: 5s; animation-duration: 5s;}
#admin-navbar-side .layui-nav li i{font-size: 24px;}

.layui-layout-admin .site-demo-body{top: 117px;}
.site-demo-title{position: fixed; left: 200px; right: 0; top: 76px;}
.site-demo-code{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; padding: 10px; resize: none; font-size: 12px; background-color: #F7FBFF; color: #881280; font-family: Courier New;}

.site-demo-body .layui-elem-quote a{color: #01AAED;}
.site-demo-body .layui-elem-quote a:hover{color: #FF5722;}


/* 闁稿繗娉涢悾锟� */
#trans-tooltip,
#tip-arrow-bottom,
#tip-arrow-top{display: none !important;}


/* 闁绘瑯鍓涢悵娑氱磼閸曨亝顐� */
.alone{width:730px; margin:200px auto;}
.alone ul{margin-left:1px; font-size:0;}
.alone li{display:inline-block; width:181px; font-size: 16px; text-align:center; line-height:80px; margin:0 1px 1px 0; background-color:#393D49; color:#fff;}
.alone li:hover{opacity:0.8;}
.alone li a{display:block; color:#fff;}


/* 闁煎浜滈悾鐐▕婵夛箷s */
.admin-header-item-mobile{
	position: absolute; right: 0px; height: 70px;line-height: 70px; 
	padding: 0 20px; text-align: center; top:0;
	display: none;
}

.admin-nav-tree .layui-nav-child a {
	padding-left: 30px;
}

.admin-nav-card{
	border: 0;
	margin: 0;
	box-shadow:none;
}
.admin-nav-card .layui-icon{
	position: relative;
}
.admin-nav-card .layui-tab-item iframe{
	width: 100%;
	border: 0;
	height: 100%;
}
.admin-nav-card>.layui-tab-title{
	border-bottom: 1px solid #0A95DD;
}
.admin-nav-card .layui-tab-title cite{
	font-style: normal;
	padding-left: 5px;
}
.admin-nav-card>.layui-tab-title .layui-this{
	color: white;
    background-color: #0A95DD;
}
.admin-nav-card>.layui-tab-title .layui-this:after{
	border-bottom: 0;
}
.admin-header-user img{
	width: 40px; height: 40px; border-radius: 100%;    
	/*position: relative;
    top: 15px;*/
}
.admin-header-user .layui-nav-more{
	top:28px;
}
.admin-header-user .layui-nav-mored{
	top: 26px;
}

/*lock*/
.admin-header-lock{
	width: 320px; height: 150px; padding: 20px; position: relative; text-align: center;
}
.admin-header-lock-img{
	width: 60px; height: 60px; margin: 0 auto;
}
.admin-header-lock-img img{
	width: 60px; height: 60px; border-radius: 100%;
}
.admin-header-lock-name{
	color: #0A95DD;margin: 8px 0 15px 0;
}
.admin-header-lock-input{
	width: 150px; color: #FFFFFF; height: 30px; border: 0;background-color: #0A95DD; padding: 0 7px; border-radius: 2px;
}





/* 闂侇偄鍊块崢銈嗗緞濮樻剚鍟庡璁规嫹 */
@media screen and (max-width: 750px) {
  .layui-main{width: auto; margin: 0 10px;}
  .logo,
  .header-demo .logo{left: 10px;}

  .site-nav-layim{display: none !important;}
  .header .layui-nav .layui-nav-item{margin: 0;}
  .header .layui-nav .layui-nav-item a{padding: 0 15px;}
  .site-banner{height: 300px;}
  .site-banner-bg{background-size: cover;}
  .site-zfj{height: 100px; padding-top: 5px;}
  .site-zfj i{top: 10px; width: 100px; height: 100px; margin-left: -50px; font-size: 100px;}
  .site-desc{background-size: 70%; margin: 0;}
  .site-desc cite{display: none;}
  .site-download{margin-top: 0; }
  .site-download a{height: 40px; line-height: 40px; padding: 0 25px 0 60px; border: 1px solid #778097; border-radius: 30px; color: #fff; font-size: 16px;}
  .site-download a cite{left: 20px;}
  .site-banner-other{bottom: 15px;}

  .site-idea{margin: 20px 0;}
  .site-idea li{margin: 0 0 20px 0; width: 100%; height: auto; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
  .site-hengfu img{max-width: 100%}

  .layui-layer-dir{display: none;}
  .site-tree{position: fixed; top: 0; bottom: 0; min-height: 0; overflow: auto; z-index: 1000; left: -260px; background-color: #fff;  transition: all .3s; -webkit-transition: all .3s;}
  .site-content{width: 100%; padding: 0; overflow: auto;}
  .site-content img{max-width: 100%;}
  .site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
  .site-home .site-tree-mobile{display: none!important;}
  .site-mobile .site-tree-mobile{display: none !important;}
  .site-mobile .site-tree{left: 0;}
  .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 9999;}
  .site-tree-mobile i{font-size: 20px;}
  .layui-code-view{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

  .layui-layout-admin .layui-side{position: fixed; top: 0; left: -260px; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;}
  .layui-body{position: static; bottom: 0; left: 0;}
  .site-mobile .layui-side{left: 0;}
  body .layui-layout-admin .footer-demo{position: static;}

  .site-demo-area,
  .site-demo-editor,
  .site-demo-result,
  .site-demo-editor textarea,
  .site-demo-result iframe{position: static; width: 100%;}
  .site-demo-editor textarea{height: 350px;}
  .site-demo-zanzhu{display: none;}
  .site-demo-btn{bottom: auto; top: 370px;}
  .site-demo-result iframe{height: 500px;}

  .site-demo-laytpl textarea, .site-demo-laytpl div span{margin: 0;}
  .site-demo-tplres .site-demo-tplh2, .site-demo-tplres .site-demo-tplview{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

  .site-demo-title{position: static; left: 0;}
  body .layui-layout-admin .site-demo{}
  .site-demo-code{position: static; height: 350px;}
  
  .admin-side-toggle ,.admin-header-item{display: none;}
  .admin-header-item-mobile{ display: block; }
}



/*闁煎浜滈悾鐐▕婢舵劦鏉归柤鐧告嫹*/
.red{
  color:#f00;
}
.green{
  color:#008000;
}
.gray{
  color:#c2c2c2;
}
.m-red{
  color:#f00;
  margin-left:5px;
}
.m-green{
  color:#008000;
  margin-left:5px;
}
.my-current{
  color:#FF5722;  
}
/*閻㈩垰鍟惇锟�*/
.m-left5{
  margin-left:5px;
}
.btn-current{
  color:#FF5722;
}
.btn-primary{
  opacity: 0.3;
}

/*table 缂佸矁娅ｅ▍褔寮堕敓锟�*/
.space{
  height:50px;
}


.admin-table-page {
  text-align:right;
  padding-right:25px;
}
.admin-table-page .page{padding-left:20px;}
.admin-table-page .page .layui-laypage {margin: 6px 0 0 0;}
.table-hover tbody tr:hover{ background-color: #EEEEEE; }
.delete-row {
  float:left;
  width: 50%;
  height:56px;
}  

/**/


.admin-side-toggle{
  position: absolute; cursor: pointer;
    z-index: 19940201;
    left: 200px;
    color: white;
    text-align: center;
    width: 32px;
    height: 30px;
    background-color: #0A95DD;
    line-height: 30px;
    top: 25%;
}
.admin-side-toggle:hover{
  background-color: #5FB878;
}
.admin-login-box{
  width: 185px; height: 60px; position: relative;
}

.beg-navbar .layui-nav-child dd a{
  padding-left: 30px;
}

/*鐎殿喗娲栭閬嶅锤濡炲墽鐟愰柣銊ュ椤曢亶鎳滈鍛樆闂佹枻鎷�,閻炴稏鍔屽畷鐔煎冀瀹勬壆纭�*/
blockquote button,blockquote a,blockquote form{
   vertical-align:middle;
   display: inline-block;
}
blockquote button,blockquote a{
  margin-bottom:3px;
}
blockquote form{padding-left:0;}
blockquote form .layui-form-item{
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
}
/*鐎殿喗娲栭閬嶅锤濡ゅ嫮绠查柛銉у仦鐎垫粓鏌﹂敓锟�*/
.btnGo{
  position: absolute;
  right:15px;
  top:15px;
  background-color: #2F4056;
  z-index:1995;
}


/*闁圭儤甯掔花顓犵不椤撶偑浠�*/
.fa-sort-asc{
  color:#c2c2c2;
}
.fa-sort-desc{
  color:#c2c2c2;
  margin-left:-12px;
}
.mysort .my-current{
  color:#FF5722;
}
/*閻炴稏鍔屽畷鐔荤疀閸涱叏缍栧銈忔嫹*/
span.info{
  color:#f00;
  font-weight: bold;
  position: absolute;
  top:10px;
}

/*card 闁告绱曟晶鏍熼垾宕囩*/
.CardJT{background-color: #0A95DD;}
.CardBoss{background-color: #aa142d;}
.CardSecondBoss{background-color: #FF5722;}
.CardDZ{background-color: #FEA746;}
.CardYG{background-color: #0a95dd;}
.Card{
  border:1px solid #c2c2c2;
  border-radius: 8px;
  width:100%;
  color:#777;
}
.CardHead{padding:10px 20px;height:30px;    border-top-left-radius: 8px;
    border-top-right-radius: 8px;}
.CardHead h3{font-size:20px;color:#fff;float: left;}
.myPost{float: right;color:#fff;font-size:20px;padding:0 20px;}
.myPost a.changeIcon{color:#fff;}
.changeIcon,.deleteIcon{font-size: 24px;padding: 0 8px;}
.changeIcon:hover,.deleteIcon:hover{cursor:pointer;}
.CardBody{padding:10px 15px;height:150px;}
.text-align{text-align: center;}
.CardLeft{width:80%;float:left;height:150px;}
.CardRight{float:left;width:20%;height:150px;}
.CardRight img{height:100%;display: block;border-radius: 8px;float:right;}
.CardBodyTop h3{font-size: 16px;padding-bottom:8px;width:100%;height:60px;}
.CardBodyTop h3 button{margin-bottom:5px;}
.CardBodyTop h3 div{float:left;}
.CardBodyTop h3 div.CardBodyBtn p{margin:0 8px;color:#fff;background-color: #FEA746;padding:10px;text-align:center;opacity: 0.9;}

/* .spanLeft{text-align: right;display:inline-block;width:50%;} */
.spanRight{text-align: left;display:inline-block;width:30%;color:#FFADAE;}
.layui-table td, .layui-table th{color:#333;}
tr.current{
        background-color: #0A95DD;
        
}
#admin-side cite{margin-left:15px;}

/* #GoodsList .layui-tab-title{position:fixed;top:128px;} */
#GoodsList .layui-tab-title li{color:#FFF;display:inline-block;}
#GoodsList .layui-tab-title li.layui-this{color:#666;}
.layui-tab-card{border:0;box-shadow: none;}
#GoodsList .layui-tab-card>.layui-tab-title{background-color:#224B7F;/* width: 120px;float:left;    
box-shadow: 2px 0px 6px grey; */}
#GoodsList .layui-tab-title{height:auto;}
/* #GoodsList .layui-field-title .layui-field-box,#GoodsList .bottom-nav bottom-nav-center,#GoodsList .addstandard,#GoodsList .layui-show .current{margin-left: 122px;} */
#GoodsList .layui-tab-title .layui-this:after{border:0;}
#GoodsList .layui-tab-title li:hover{box-shadow:none;background-color: #fff;color: #666;}
/* #GoodsList .layui-field-title .layui-field-box,#GoodsList .bottom-nav bottom-nav-center{margin-left: 122px;} */

/*濠靛倽妫勫鎼佸礆濡ゅ嫨锟斤拷*/

#MyFriendList{
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    right:-300px;
    width:300px;background-color: #E2E2E2;border-left:1px solid #2F4056;overflow: visible;}
/*#MyFriendIcon i{font-size: 26px;border:1px solid #2F4056;position: absolute;top:250px;left:-55px;padding:8px;color:#FFF;background-color:#2F4056;}
*/
#MyFriendList form{margin-bottom:0;}
/*#MyFriendList form{}*/
#MyFriendList #closeIcon{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 26px;position: absolute;top:10px;right:8px;cursor:pointer;display: none;}
#MyFriendList .layui-form-item .layui-input-inline{width:90%;padding:5px 5%;position: relative;}
#MyFriendList .layui-form-item .layui-input-inline input.layui-input{width:60%;border-radius: 8px;}
.Friend {border-bottom:1px solid #d2d2d2;background-color: #fff;margin-bottom:8px;height:50px;}
.Friend img{width: 40px;height:40px;border-radius: 25px;float: left;padding:5px;}
.Friend div{float: left;}
.Friend div h5{font-size: 20px;}
.Friend div p{font-size: 16px;line-height: 24px;}
.MyFriendFooter{position: absolute;bottom: 0;height:auto;padding:5px;line-height: 26px;background-color: #C2C2C2;width:100%;}
.MyFriendFooter div{float: left;width:40px;}
.MyFriendFooter div i{width:24px;height:24px;font-size: 20px;display: block;margin: 0 auto;}
.MyFriendFooter div i:hover{cursor: pointer;}

/*闁稿繐鎳庨敓浠嬫？閼垫垼绠涢敓锟�*/
.packageUl{text-align: center;padding:50px 0;}
.packageUl li{width:280px;padding:20px;margin:10px;display: inline-block;border:1px solid #333;border-radius: 8px;}

.tdcurrent{background-color:#83d3fd}
.layui-input-block{max-width:920px;margin-left:150px;}


/*棣栭〉*/
/*鍏敤鏍峰紡*/
em{font-style: normal;}
.fl{position: relative;float: left;}
.fr{position: relative;float: right;}
.clear{zoom: 1;}
.clear:after{content: "";display: block;clear: both;}
.admin-body{background: #EFEFF0;}
.main-left,.main-right{width:50%;}
/*.admin-main{width: 90%;margin: 0 auto;min-width: 400px;}*/

/*鏀舵敮*/
.today-goods{overflow:hidden;height:175px;padding: 5px;}
.finance li,.today-list li,.yestoday-list li,.today-goods li,.yestoday-goods li{width:25%;float:left;
position:relative;border-radius: 3px;cursor: pointer;}
.finance li{position: relative;height:160px;margin-top:15px;}
.today-list{overflow:hidden;}
.finance li:first-child,.admin-main .clear-margin{margin-left: 0;}
.money-z{width:50%;height:34px;padding:8px 0;position: absolute;top: -15px;left: 14px;text-align: center;
border-radius: 2px;}
/* #main li:hover{box-shadow: 0px 8px 18px #C5C5C6;top: -2px;}  */
.moneyAll{text-align: center;height: 150px;margin:5px;background: #FFF;}
.moneyAll strong{line-height: 162px;font-size: 20px;}
.moneyAll p{position: relative;top: -55px;}
.admin-main h1{font-size: 16px;margin: 8px 0;padding-left:15px;}
.admin-main .color-green{background: #1CC327;}
.admin-main .color-orange{background: #F08232;}
.admin-main .color-purple{background: #BB4FD2;}
.admin-main .color-blue{background: #0A95DD;}
.admin-main .color-green2{background: #0eae19;}
.admin-main .color-orange2{background: #d26d23;}
.admin-main .color-purple2{background: #a238b9;}
.admin-main .color-blue2{background: #006DA5;}
.money-z span{display: inline-block;width:52px;height:34px;margin: 0 auto;}
.income,.outcome{background:url(../images/mainall.png) no-repeat;background-size: 50px;}
.income{background-position:0px -821px;}
.outcome{background-position:0px -785px;}
@media screen and (max-width: 768px) {
	.finance li, .today-list li, .yestoday-list li, .today-goods li, .yestoday-goods li{width:100%;}
	.sale-each{width:80%;}
	.today-store, .yestoday-store{width:99%;}
	.today-goods{height:auto;}
	
}
/*浜ゆ槗*/
.deal li{border-radius:3px;margin: 15px 0;text-align:center;height:226px;}
.deal li>div{height:226px;}
.deal li span{width: 50px;height: 40px;display: inline-block;background:url(../images/mainall.png) no-repeat;
background-size: 60px;margin:9px 6px;}
.deal .icon05{background-position:-7px -379px;}
.deal .icon06{background-position:-7px -453px;}
.deal .icon07{background-position:-7px -314px;}
.deal .icon08{background-position:-7px -305px;}
.deal .icon01{background-position:-7px -567px;}
.deal .icon02{background-position:-7px -667px;}
.deal .icon03{background-position:-7px -231px;}
.deal .icon04{background-position:-7px -466px;}
.deal li p{font-size: 10px;}
.deal li strong{font-size: 20px;color: #32394D;line-height: 25px;margin: 8px 0;
    display: inline-block;}
.deal li .zheng {margin: 0 5px;}
.deal li .zheng div{padding:14px 5px;overflow:hidden;}
.deal li .zheng>div:first-child{color:#fff;}
.deal li .zheng>div:first-child strong{color:#fff}
.bWhite{background-color:#fff}
.yestoday-list li strong,.yestoday-list p{color: #FFFFFF;}

/*鎶ヨ〃*/
/* #chartArea{margin: 30px 0;width:92%;} */

/*搴撳瓨*/
.today-goods li{height:175px;}
.today-goods li h3{color:#fff}
.today-goods li>div{height:165px;margin:5px;background-color:#fff;}
.yestoday-goods li>div{margin:5px;height:165px;}
.yestoday-goods li>div:first-child{background-color:#fff;}
.goods h3{padding:15px 5px;}
.main-right .gonum{width:90px;height:90px;margin:0 auto ;border-radius:50%;
color:#FFFFFF;line-height: 100px;text-align: center;font-size: 16px;position: relative;}
.goods .stock{background: -webkit-linear-gradient(top,#1596DA,#5BC0F0);
  background: linear-gradient(to bottom,#1596DA ,#5BC0F0);
  background: -o-linear-gradient(top,#125aa8 , #153060);
  background: -moz-linear-gradient(top, #125aa8 , #153060);}
  .goods .sell{background: -webkit-linear-gradient(top,#01990B,#1BC321);
  background: linear-gradient(to bottom,#01990B,#1BC321);
  background: -o-linear-gradient(top,#01990B,#1BC321);
  background: -moz-linear-gradient(top, #01990B,#1BC321);}
  .goods .return{background: -webkit-linear-gradient(top,#E1711F,#F29D63);
  background: linear-gradient(to bottom,#E1711F,#F29D63);
  background: -o-linear-gradient(top,#E1711F,#F29D63);
  background: -moz-linear-gradient(top, #E1711F,#F29D63);}
  .goods .repair{background: -webkit-linear-gradient(top,#BD50D5,#DA66F4);
  background: linear-gradient(to bottom,#BD50D5,#DA66F4);
  background: -o-linear-gradient(top,#BD50D5,#DA66F4);
  background: -moz-linear-gradient(top, #BD50D5,#DA66F4);}

.goods .stock-bg{background:#128FD1;}
.goods .sell-bg{background:#007707;}
.goods .return-bg{background:#C55300;}
.goods .repair-bg{background:#9000B0;}

.gonum span{width: 20px;height: 20px;margin:  0 auto;display: block;position: absolute;
bottom:16px;background: url(../images/mainall.png) no-repeat;background-size: 48px;left:36px;}
.stock .gonum-icon{background-position: -15px -698px;}
.sell .gonum-icon{background-position: -15px -650px;}
.return .gonum-icon{background-position: -15px -726px;}
.repair .gonum-icon{background-position: -15px -672px;}
.goods strong{position: relative;top: -12px;font-size: 20px;}
.yestoday-goods h3{color: #000;}

/*閿�鍞帓琛�*/
/*.sale{width: 97%;}*/
.sale-today{background:#0A95DD;margin-top: 20px;color:#FFFFFF;}
.sale-each{display: inline-block;margin: 20px;width: 26%;position: relative;}
.sale-each span{width: 45px;height: 45px;display: inline-block;background: url(../images/mainall.png) no-repeat;
background-size:52px;}
.sale-each strong{font-size: 18px;}
.sale-each div{width:69%;position: absolute;left: 48px;top:2px;margin-left: 10px;}
.sale-today .sele-icon1{background-position:-5px -225px;}
.sale-today .sele-icon2{background-position:-5px -136.52px;}
.sale-today .sele-icon3{background-position: -5px -49px;}

.sale-yestoday{background: #FFFFFF;}
.sale-yestoday .sele-icon1{background-position:-5px -180px;}
.sale-yestoday .sele-icon2{background-position:-5px -92.52px;}
.sale-yestoday .sele-icon3{background-position: -5px -5px;}

.today-store,.yestoday-store{width: 49%;}
.today-store table span{width: 30px;height: 30px;display: block;background: url(../images/mainall.png) no-repeat;
background-size:35px;}
.storeorder .layui-table{width: 48%;}
.storeorder .layui-table tr{border-radius: 5px;}
.storeorder .layui-table td{padding: 4px 0;}

.today-store li,.yestoday-store li{line-height: 38px;background: #FFFFFF;margin: 10px 0;position: relative;
border-radius: 5px;}
.today-store li i,.yestoday-store li i{width: 30px;height: 30px;display: inline-block;background: url(../images/mainall.png) no-repeat;
background-size:50px;position: absolute;top: 2px;}
.today-store li i{background-position: -8px -598px;}
.today-store li p,.yestoday-store li p{padding-left: 40px;}
.yestoday-store li i{background-position: -8px -641px;}

@media screen and (max-width: 1257px){
 	.main-left,.main-right{width: 100%;}
/*	.finance li{height: 150px;padding: 14px 20px;width: 17.5%;}
	.deal li{width: 17.5%;padding: 14px 20px;}
	.goods h3{margin: 12px 5px;} */
	/* .leftBox{float:none;}
	.rightBox{float:none;margin-top:20px;width: 40%;min-width:450px;} */
}
@media screen and (max-width: 1200px){
	.leftBox{float:none;}
	.rightBox{float:none;margin-top:20px;width: 40%;min-width:450px;}
}
@media screen and  (min-width: 540px) and  (max-width: 600px){
	.goods .repair-mar{position: relative;top: -20px;}
	.goods .repair-mar:hover{top: -22px;}
}


/* i.layui-icon{margin-right:3px;} */
.fRight{
	float:right;
	margin-right:5px;
}

/* 鍟嗗搧绠＄悊 搴撳瓨棰勮绠＄悊 */
.GoodsWarningdetails .layui-form-label{width:auto;}

/* 鏂板鍛樺伐璇︽儏琛� */
.showpassword{position: absolute;right: 6px;bottom: 12px;cursor:pointer;width:15px;
display:inline-block;height:15px;background: url(../images/eye1.png) no-repeat;background-size: contain;}

/*鎺掔彮琛�*/
.typography h2{text-align: center;font-size:18px;color: #333333;margin-top: 20px;}
.typography h2 a{font-size: 14px;}
.typography table{margin-bottom: 20px;}
.typography table th{background-color: #BEC0BF;}
.typography .layui-field-box{margin-bottom: 40px;}
.tablebg{background-color: #BEC0BF;}
#tysave{display: none;}
.stuffList li{display: inline-block;padding: 0 13px;display: inline-block;margin-top: 12px;margin-right: 3px;border-radius: 10px;cursor: pointer;background: #FFFFFF;}
.stuffList{line-height: 38px;position:relative;float: right;}

.packup{display: inline-block;color: #0093E0;border-bottom: 1px solid #0093E0;
font-size: 16px;padding: 6px 0;cursor: pointer;}
.packdown{display: none;}
.trdetailsave{position: absolute;right: 0px;top: -6px;}
/* .typography .layui-table td, .layui-table th{padding: 9px 5px;}
.typography .layui-elem-field{position:relative;} */

.bH3{
	font-size: 20px;
    line-height: 30px;
}
.h3{
	font-size: 22px;
    line-height: 42px;
    width:75%;
    display: inline-block;
}
.gwc{
	width:42px;height:42px;padding:0 15px;vertical-align:top;
}
.gwc:hover{
	cursor:pointer;
}
.layui-form-mid{
	position:absolute;
	right:-35px;
	top:0;
}
/*.layui-form-label{*/
	/*width:120px;*/
/*}*/
.layui-table td, .layui-table th{
	padding:9px 0;
}

.layui-collapse {
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    
}
.layui-colla-item {
    border-top: 1px solid #e2e2e2;
}
.layui-colla-item:first-child {
    border-top: none;
}
.layui-colla-title {
    position: relative;
    height: 42px;
    line-height: 42px;
    padding: 0 15px 0 35px;
    color: #333;
    background-color: #f2f2f2;
    cursor: pointer;
}
.layui-colla-icon {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 14px;
}
.layui-colla-content {
    display: none;
    padding: 10px 15px;
    line-height: 22px;
    border-top: 1px solid #e2e2e2;
    color: #666;
}   
#zxbz{position: relative;}
.layui-form-item .newZxbz{display:none;}
.iicon{position: absolute;right:0;top:0;padding:9px;color:#c2c2c2;cursor: pointer;}
.miko-dl{
	    display: none;
	    position: absolute;
	    left: 0;
	    top: 42px;
	    padding: 5px 0;
	    z-index: 999;
	    border: 1px solid #d2d2d2;
	    max-height: 150px;
	    overflow-y: auto;
	    background-color: #c2c2c2;
	    border-radius: 2px;
	    box-sizing: border-box;
	    width: 100%;
	    animation-duration:0.3s;
	    animation-fill-mode:both;
		animation-name:layui-upbit;
		cursor: pointer;
}
.miko-dl dd{
	    padding: 0 10px;
	    line-height: 36px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
} 
.miko-dl dd:hover{
	background-color: #f2f2f2;
}    
 
 
    
#btnKC button{
				margin-bottom:5px;
				width:230px;
				text-align:center;
			}    
#btnKC button:first-child{
	margin-left:10px;
}    
.layui-form-item{
	margin-bottom:5px;
} 
#QJZJ .newInput{
				position:absolute;
				top:0;
				bottom:0;
				left:0;
				right:0;
			}    
    
/************************************* pad鏍峰紡 **************************************/
@media screen and (max-width: 1024px) {
	table .layui-btn+.layui-btn{
		/* margin-left:0;
		margin-top:5px; */
	}
}
.backDiv{
	position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    display:none; 
}
.backDiv h3{font-weight:bold;color:#fff;text-align:center;font-size: 16px;}
.in{
	display: block; 
	transform: translateX(0);
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 600ms;
	animation-name: flipintoright;
	animation-duration: 600ms;
}
.out{
	display: none; 
	transform: rotateY(-90deg) scale(.9);
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 600ms;
	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 600ms;
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
.finance,.deal,.yestoday-goods{padding:5px;}
.m15{margin-top:15px;}
.m25{margin-top:25px;}
.m35{margin-top:35px;}
.m50{margin-top:50px;}
.m60{margin-top:60px;}
.finance .trans li h5 i,.deal .trans li h5 i{width:60px;display: inline-block;text-align: right;color:#fff;}
.finance .trans li h5 b,.deal .trans li h5 b{width:90px;display: inline-block;text-align: left;color:#fff;}
.today-goods .trans li h5,.yestoday-goods .trans li h5{text-align:left;color:#fff}
.today-goods .trans li h5 i,.yestoday-goods .trans li h5 i{width:50%;display: inline-block;text-align: right;color:#fff;}
.today-goods .trans li h5 b,.yestoday-goods .trans li h5 b{display: inline-block;text-align: left;color:#fff;margin-right:4px;}

.today-list .deal-z{position:absolute;top:-25px;left:5px;margin:0;padding:0;}

.sale{margin:0 10px;}

#gongNeng{margin-left:0;text-align:left;width:350px;}
#gongNeng .layui-form-checkbox span{ width:auto;}
#gongNeng .layui-form-checkbox{margin:4px 4px 0 0;}
#addBox{display:none;}

.layui-icon{margin-right:5px;}
/*执行标准*/
#z1 .layui-form-checkbox span{width:120px;}


/* 添加图片 */
.addPicBtn{cursor: pointer;width:80px;}
.layer-photos-demo-miko{display: inline-block;}
.layer-photos-demo-miko .imgBox{display: inline-block;width:80px;height:80px;border:1px solid #c2c2c2;margin-right:15px;position: relative;}
.layer-photos-demo-miko .imgBox img{width:80px;height:80px;}
.layer-photos-demo-miko .imgBox i.del{cursor: pointer;color:#bbb;position: absolute;top:-8px;right:-18px;}
.layer-photos-demo-miko .imgBox i.del:hover{color:#e4393c;}
.addPicBox{position: relative;display: inline-block;border:1px solid transparent}
.addPicBox input{display: inline-block;opacity: 0;position: absolute;top:0;left:0;width:80px;height:80px;}
./* choosePic{border:1px solid transparent}; */



